<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>WEB项目</title>
		<link rel="stylesheet" href="css/main.css">
		<link rel="shortcut icon" href="img/icon.ico" type="image/x-icon">
	</head>
	<body>
		<main>
		<div class="nav">
		<center>
		<img src="img/title2.png" class="logo">
		<div class="nav-bar">
				<span>home</span>  
				<span>main</span>
				<span>contact</span>
				<span>join us</span>
		</div>
		</center>
		</div>
		<br>
		 <br>
		
		<div>
			<center>
			<img src="img/fc.jpg" >
			</center>
		</div>
		
		<hr color="pink">
		<p class="text" align="center">
			Here is the description of the website.</p>
		<p align="center">
            The following is the cooperative enterprise.</p>
		<hr color="pink">
		
		<div class="company-img">
			<span>
				<img src="img/al.jpg" />
			</span>
			<span>
				<img src="img/uc.jpg" />
			</span>
			<span>
				<img src="img/op.jpg" />
			</span>
			<span>
				<img src="img/xl.jpg" />
			</span>
			<span>
				<img src="img/yk.jpg" />
			</span>
			<span>
				<img src="img/tx.jpg" />
			</span>
			<span>
				<img src="img/db.jpg" />
			</span>
			<span>
				<img src="img/tt.jpg" />
			</span>
			<span>
				<img src="img/hw.jpg" />
			</span>
			<span>
				<img src="img/dy.jpg" />
			</span>
		</div>
		<center>
			
		<div class="container">
		<a href="https://www.chanel.cn/zh_CN/">
			<img src="img/xne.jpg" />
			<p>香奈儿</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.esteelauder.com.cn/">
			<img src="img/ysld.jpg" />
			<p>雅诗兰黛</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.fendi.cn/">
			<img src="img/fd.jpg" />
			<p>芬迪</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.casio.com.cn/">
			<img src="img/kxo.jpg" />
			<p>卡西欧</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.patek.com/chs/%E7%99%BE%E8%BE%BE%E7%BF%A1%E4%B8%BD%E5%AE%98%E7%BD%91">
			<img src="img/bdfl.jpg" />
			<p>百达翡丽</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.vacheron-constantin.cn/cn/home.html">
			<img src="img/jsdd.jpg" />
			<p>江诗丹顿</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.louisvuitton.cn/zhs-cn/homepage">
			<img src="img/lv.jpg" />
			<p>LV</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.hermes.cn/cn/zh/">
			<img src="img/ams.jpg" />
			<p>爱马仕</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.prada.com/cn/zh.html?">
			<img src="img/pld.jpg" />
			<p>普拉达</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.cartier.cn/">
				<img src="img/kdy.jpg">
				<p>卡地亚</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.bulgari.cn/zh-cn/?">
			<img src="img/bgl.jpg" />
			<p>宝格丽</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.tiffany.cn/?">
			<img src="img/dfn.jpg" />
			<p>蒂芙尼</p>
		</a>
		</div>
		
		<div class="container">
		<a href="http://asia.christianlouboutin.com/cn_sc/">
			<img src="img/qznw.jpg" />
			<p>权杖女王</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.tomford.com/">
			<img src="img/tf.jpg">
			<p>TF</p>
		</a>
		</div>
		
		<div class="container">
		<a href="https://www.dior.cn/zh_cn?">
			<img src="img/da.jpg" />
			<p>迪奥</p>
		</a>
		</div>
		
		</main>
		</center>
			
		<footer>
			
			<div class="footer-left">
			<a href="https://www.baidu.com">
			<img src="img/contact1.jpg" align="right" width="15%">
			</a>
			<a href="https://www.baidu.com">
				<img src="img/contact2.jpg" align="right" width="15%">
			</a>
			<a href="https://www.baidu.com">
				<img src="img/contact3.jpg" align="right" width="15%">
			</a>
			</div>
			
			<div class="footer-right">
				<contact>
					<a href="https://www.baidu.com">
					<img src="img/footer_logo.jpg" width="47%">
					</a>
					<p>INFINI | 映纷创意</p>
					<p>北京市朝阳区常营</p>
					<p>TEL : 010-85394331</p>
					<p>QQ : 7585917</p>
					<p>Email : infinistudio@foxmail.com</p>
					<p>weibo : @InfiniStudio</p>
				</contact>
			</div>
		
		</footer>
	
	</body>
</html>